<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计算数据的平均数</title>
    <script src="./cy1.js"></script>
</head>
<style type="text/css">
    body {
        color: #333;
    }

    textarea {
        font-size: 18px;
        color: #A976E8;
        /* font-weight: bold; */
    }

    textarea::placeholder {
        color: #999999;
    }

    #result {
        font-size: 24px;
        line-height: 50px;
    }

    .tip {
        color: #5F8E4B;
        font-size: 18px;
    }

    .desc {
        color: #999999;
        font-size: 20px;
    }

    .content {
        color: #A976E8;
    }

    .sure_btn {
        width: 80px;
        height: 30px;
    }
</style>

<body>
    <h1>计算百分比的平均数</h1>
    <div class="tip">
        <b>规则说明:</b><br />
        1. 将所有数据相加求平均值, 如果遇到为空或者0的值不参与计算<br />
    </div>
    <br />
    <textarea name="origin_str" id="origin_str" cols="20" rows="6" placeholder="请输入数据"></textarea>
    <button type="button" onclick="comput();" class="sure_btn"> 开始计算 </button>
    <div id="result">
        <!-- 结果展示 -->
    </div>

    <script type="text/javascript">
        document.getElementById('origin_str').addEventListener('keydown', function (event) {
            if (event.key === 'Enter') {
                // 这里编写你的逻辑  
                // console.log('回车键被按下');  
                event.preventDefault();

                /// 开始计算
                comput();
            }
        });
        function comput() {
            var textArea = document.getElementById("origin_str");
            console.log(textArea.value);

            cy(textArea.value);
        }
    </script>
</body>

</html>